<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

    <title>登山页面</title>
    <meta http-equiv="Content-Type" content="text/html;" charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=10" />
    <link rel="shortcut icon" type="image/x-icon" href="theme/default/images/favourite.ico" media="screen" />
	
	<link rel="shortcut icon" type="image/x-icon" href="theme/default/images/i.ico" media="screen" />
	<link rel="stylesheet" type="text/css" href="theme/default/css/reset.css">
    <link rel="stylesheet" type="text/css" href="theme/default/css/index.css">	
	<script language="javascript" src="theme/javascript/jquery.js" type="text/javascript"></script>
	<script language="javascript" src="theme/javascript/S.js" type="text/javascript"></script>	
	<script type="text/javascript" src="theme/javascript/addressSelect.js"></script>	
</head>
<body id='white'>
<!-- begin head-->
<div id="head">

  <!-- begin head_main-->
  <div class="wrap_980">
	 <ul id="nav">
		<li><a class='active' href=" ">首&nbsp;页</a></li>
		<li><a href=" ">赛事中心</a></li>
		<li><a href=" ">关于超级联赛</a></li>
		<li><span class='red ellipsis'>您好！罗超杰·沙特阿拉伯</span></li>
		<li><a href=" " class='mobile'>手机版</a></li>
		<li><span class='tel yellow'>40012345678</span></li>
	 </ul>
  </div>  <!-- end head_main-->
</div> <!-- end head-->


<div id="mainbody" style='border:none;height:auto'>
  <h3 class="join_h4" ><span>我们的超级联赛</span>	 <a class='page_left' title='上一组'></a>  &nbsp;&nbsp;<a class='page_right' title='下一组'></a></h3>
  <div id="match_ul_wrap">
	<div id="match_ul">
		<a class='active' href='赛事详情-正在进行.html'>
		 <img src='theme/default/images/temp/03.jpg'>
		 <div class="bg">
		   <span class='blue'>安徽黄山</span>
		   <span>正在进行中</span>
		 </div>
		</a>
		<a href='赛事详情-已经结束.html'>
		 <img src='theme/default/images/temp/03.jpg'>
		 <div class="bg">
		   <span  class='white'>安徽黄山</span>
		   <span>正在进行中</span>
		 </div>
		</a>
		<a >
		 <img src='theme/default/images/temp/03.jpg'>
		 <div class="bg">
		   <span class='blue'>安徽黄山</span>
		   <span>已结束</span>
		 </div>
		</a>		
		<a >
		 <img src='theme/default/images/temp/03.jpg'>
		 <div class="bg">
		   <span class='white'>安徽黄山</span>
		   <span>已结束</span>
		 </div>
		</a>
		<a>
		 <img src='theme/default/images/temp/03.jpg'>
		 <div class="bg">
		   <span class='blue'>55浙江宁波</span>
		   <span>正在进行中</span>
		 </div>
		</a>
	</div>  
  </div>

  <div class="wrap_980">
	  <div class='left_content'>
			 <div class="left_content_title">
			  <img src='theme/default/images/temp/01.png' />
			
			  <div class='left_content_title_p'>
				<span class="icon_location"></span>安徽-黄山</br>
				<span class="icon_clock"></span>2015/4/1
				<div >
				超级联赛来到黄山，古语有云：不到黄山非好汉,到了黄山改bug..
				
				</div>
				
			  </div>
			  <a href="" class="btn_gray">不收取报名费</a>
			 </div>
			 <h3 class="join_h3_01">详细位置</h3>
			 <p class="join_p">
				<span class="icon_location_gray"></span>地址：</br>
				hasadflkjasfkjlsaf,dsfksjf,sfkfsj,fskdj.
			 </p>
			 <h3 class="join_h3_01">赛事进程</h3>
			 <p class="join_p">
				<span class="icon_clock_gray"></span>时间安排：</br>
			 </p>
			 <ul class="join_ul">
			 
				<li><span class="blue_notify"></span>资格赛：2015/02/03-2015/02/28</li>
				<li>确认参赛：2015/02/03-2015/02/28</li>
				<li>正赛：2015/02/03-2015/02/28</li>
				<li class='last'>结束</li>			
			 </ul>
			 <h3 class="join_h3_01">特别说明</h3>
			 <p class="join_p">
				<span class="red_notify"></span>以团队赛形式报名参赛，进入正赛的队伍，我们将报销正是队员的来回路费跟住宿费用</br>
			 </p>

			 
	  </div>
	  <div class='right_content'>
		 <div class="right_content_gray">
			 <h3 class="join_h3_03">报名规则</h3>
			 <p class="join_p_03 gray">
				资格赛</br>2015/02/28~2015/03/28			
			 </p>	
             <div class="circle circle_blue">资格赛</div>
             <div class="circle_state">前三名团队</div>					 
             <div class="circle circle_blue">确认名单</div>
             <div class="circle_state">提交资料</div>			 
             <div class="circle circle_blue">正赛</div>		 
		 </div>
		 <h3 class="join_h3_02">立即报名</h3>
		<table class='list_grid' cellpadding='0' cellspacing='0' >
			<tr class='header'>
				<td >排名</td>
				<td >队徽</td>	
				<td >团队名称</td>	
				<td >队长</td>	
				<td >团队归属地</td>	
				<td >团队人数</td>	
				<td >团队积分</td>					
			</tr>		
			<tr>
				<td >1</td>
				<td><img src='theme/default/images/test.png' width='30'></td>
				<td>宁波登山俱乐部</td>
				<td >罗超杰</td>	
				<td >浙江省宁波市</td>	
				<td >10/10</td>	
				<td >125415</td>	
			</tr>
			<tr>
				<td >2</td>
				<td><img src='theme/default/images/test.png' width='30'></td>
				<td>宁波登山俱乐部</td>
				<td >罗超杰</td>	
				<td >浙江省宁波市</td>	
				<td >10/10</td>	
				<td >125415</td>	
			</tr>			
		</table>
        <h3 class="join_h3_02">赛事回顾 </h3>
			<table class='list_grid02' cellpadding='0' cellspacing='0'>	
				<tr>
					<td style='border-bottom:none'> 
						<div class="match_team_box">
							 <img src='theme/default/images/temp/04.png' class='match_team_img' />
							 <div class="match_team_title" >
								<span class='blue'>网站上线运营</span></br>
								<a href='#'>拾级而上，我们一步一步成长起来拾级而上，拾级而上，我们一步一步成长起来拾级而上，我们一步拾级而上，我们一步一步成长起来拾级而上，我们一步...</a>  <!-- 此处后台控制下字数-->
							 </div>
							<!-- <div class="match_team_time" >2015-3-1</div>	 -->
						 </div>						
					</td>
				</tr>			
			</table>			
        <h3 class="join_h3_02">媒体报道  <a class='red' href='#'> 更多热点>></a></h3>		
			<table class='list_grid02' cellpadding='0' cellspacing='0'>	
				<tr>
					<td style='border-bottom:none'> 
						<div class="match_team_box">
							 <img src='theme/default/images/temp/04.png' class='match_team_img' />
							 <div class="match_team_title" >
								<span class='blue'>网站上线运营</span></br>
								<a href='#'>拾级而上，我们一步一步成长起来拾级而上，拾级而上，我们一步一步成长起来拾级而上，我们一步拾级而上，我们一步一步成长起来拾级而上，我们一步...</a>  <!-- 此处后台控制下字数-->
							 </div>
							<div class="match_team_time" >2015-3-1</div>	
						 </div>						
					</td>
				</tr>			
			</table>	

			<table class='list_grid02' cellpadding='0' cellspacing='0'>	
				<tr>
					<td style='border-bottom:none'> 
						<div class="match_team_box">
							 <img src='theme/default/images/temp/04.png' class='match_team_img' />
							 <div class="match_team_title" >
								<span class='blue'>网站上线运营</span></br>
								<a href='#'>拾级而上，我们一步一步成长起来拾级而上，拾级而上，我们一步一步成长起来拾级而上，我们一步拾级而上，我们一步一步成长起来拾级而上，我们一步...</a>  <!-- 此处后台控制下字数-->
							 </div>
							 <div class="match_team_time" >2015-3-1</div>	
						 </div>						
					</td>
				</tr>			
			</table>	

			<table class='list_grid02' cellpadding='0' cellspacing='0'>	
				<tr>
					<td style='border-bottom:none'> 
						<div class="match_team_box">
							 <img src='theme/default/images/temp/04.png' class='match_team_img' />
							 <div class="match_team_title" >
								<span class='blue'>网站上线运营</span></br>
								<a href='#'>拾级而上，我们一步一步成长起来拾级而上，拾级而上，我们一步一步成长起来拾级而上，我们一步拾级而上，我们一步一步成长起来拾级而上，我们一步...</a>  <!-- 此处后台控制下字数-->
							 </div>
							 <div class="match_team_time" >2015-3-1</div>	
						 </div>						
					</td>
				</tr>			
			</table>	

			<table class='list_grid02' cellpadding='0' cellspacing='0'>	
				<tr>
					<td style='border-bottom:none'> 
						<div class="match_team_box">
							 <img src='theme/default/images/temp/04.png' class='match_team_img' />
							 <div class="match_team_title" >
								<span class='blue'>网站上线运营</span></br>
								<a href='#'>拾级而上，我们一步一步成长起来拾级而上，拾级而上，我们一步一步成长起来拾级而上，我们一步拾级而上，我们一步一步成长起来拾级而上，我们一步...</a>  <!-- 此处后台控制下字数-->
							 </div>
							 <div class="match_team_time" >2015-3-1</div>	
						 </div>						
					</td>
				</tr>			
			</table>				
	  </div>
  </div>
 
</div>



<div id="foot">
  <div class="wrap_980 border_bottom">
  <dl>
    <dt>关于我们</dt>	
    <dd><a href="">超级联赛介绍</a></dd>
  </dl>
  
  <dl>
    <dt>赛事进程(业余组)</dt>	
    <dd><a href="">资格赛</a></dd>
    <dd><a href="">正赛</a></dd>
    <dd><a href="">交通证明</a></dd>	
  </dl>  
  
  <dl>
    <dt>联系我们</dt>	
    <dd><a href="">官方微信公众订阅号</a></dd>
    <dd><a href="">新浪微博</a></dd>
    <dd><a href="">公司地址</a></dd>	
  </dl>   
  
   <div class="foot_right">
	  <a href="" class='border ellipsis' >这里是友情链接</a>
	  <a href="" class='border ellipsis' >这里是友情链接</a>
	  <a href="" class='ellipsis' >这里是友情链接</a>
	  <a href="" class='border ellipsis' >这里是友情链接</a>
	  <a href="" class='border ellipsis' >这里是友情链接</a>
	  <a href="" class='ellipsis' >这里是友情链接这里是友情链接这里是友情链接</a>	  
   </div>

 </div>
 
 <p class="wrap_980 border_top">
   COPYRIGHT© 2013 6DAO.CC ALL RIGHTS RESERCED</br>
	浙ICP备14001455号-1  企业法人营业执照 330204000172764
 </p>
 
</div> <!-- end foot-->
 



</body>

<script type='text/javascript'>
$(function(){
    $('#match_ul').css('width',248*($('#match_ul a').length));
    $('.page_left').click(function(){
	  if($('a','#match_ul').length<5 || $('#match_ul').progress()){  //判断个数，并清除动画队列
	    return;
	  }
	  $('#match_ul').animate({left:'-266px'},1000,function(){
	    var temp = $('#match_ul a').first().remove();
		$('#match_ul').append(temp);
		$('#match_ul').css('left','-18px')
	  });
	})
    $('.page_right').click(function(){
	   if($('a','#match_ul').length<5 || $('#match_ul').progress()){  //判断个数，并清除动画队列
	    return;
	  }
	  var temp = $('#match_ul a').last().remove();
	  $('#match_ul').prepend(temp);
	  $('#match_ul').css('left','-266px')
	  $('#match_ul').animate({left:'-18px'},1000);
	})
});
</script>
</html>
